@media screen and (max-width:1280px){
	/* e-newsletter filter bar */
	.tabletView .filterBar .filter-bar-e-newsletter .formRow{float:none; overflow:hidden; width:auto; clear:left; margin-left:0;}
	.tabletView .filterBar .filter-bar-e-newsletter .name-field{width:26%;}
	.tabletView .filterBar .filter-bar-e-newsletter .email-field{width:44%;}
	.tabletView .filterBar .filter-bar-e-newsletter .submitBtnCtn{width:auto;}

	.tabletView .inner-banner-layers{position:relative;}

/*	.tabletView .singleBanner.aboutChairman .bannerTxt { margin-left: -482px;}*/
	.tabletView .drLuiPhilosophy { padding:  70px 30px;}
	.tabletView .drLuiPhilosophy .centerContainer { padding: 0 30px;}

	.tabletView .aboutChairman .centerContainer { padding: 0 30px;}
	.tabletView .innerBannerCtn .aboutChairman .bannerSlideBtns { top:0; bottom: 0;}

	.tabletView .historyScrollSec .hsScrollPopLayer{position:relative; margin-bottom:-41px;}

	.tabletView .historyScrollSec .popContent{box-sizing:content-box; position:static; width:auto; height:182px; background:url(../img/inner/about/tablet/chairman_journeystart_bg.png) left top no-repeat; background-size:cover; background-position:center top; padding:0 20px 45px;}
	.tabletView .historyScrollSec .popContent .rightArrow{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); left:50%; margin-left:-8px; top:auto; bottom:25px;}

	.tabletView .historyScrollSec .hsScrollPopLayer .bg{display:none;}

	.tabletView .historyScrollSec .popContent .text1{margin:0; padding-top:50px; font-size:2em; font-weight:300;}
	.tabletView .historyScrollSec .popContent .text2{font-size:1.4em; margin:7px 0 10px;}
	.tabletView .historyScrollSec .popContent .text3{font-size:1.4em; font-weight:300;}

	.tabletView .historyScrollSec .aboutHistoryScroll{height:auto; overflow-x:hidden;}
	.tabletView .historyScrollSec .collumsCtn{height:auto;}
	.tabletView .historyScrollSec .aboutHistoryCol{float:none; width:auto; height:auto; border-left:none; border-top: 1px solid #999999;}
	.tabletView .historyScrollSec .aboutHistoryCol .colCover{width:100%;}

	.tabletView .historyScrollSec .aboutHistoryCol>img{display:none;}
	.tabletView .historyScrollSec .aboutHistoryCol .mobileImg>img{display:block; visibility:hidden;}

	.tabletView .historyScrollSec .aboutHistoryCol .colContent{width:100%; height:0; position:relative; left:0;}

	.tabletView .aboutHistoryScroll .hsSlideCtn{height:auto;}
	.tabletView .historyScrollSec .hsPhotoSlide img{width:100%;}
	.tabletView .aboutHistoryScroll .hsSlideTxtCtn{height:auto; position:relative; padding: 45px 30px 40px;}
	.tabletView .aboutHistoryScroll .hsSlideTxtCtn .txtExpand{display:none;}

	.tabletView .aboutHistoryScroll .txtDrawer .txtYear{width:100%; text-align:center; position:relative; padding:0 0 30px; margin:0 0 25px;}
	.tabletView .aboutHistoryScroll .txtDrawer .txtYear:after{content:' '; height:1px; width:40px; background:#ffffff; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto;}
	.tabletView .aboutHistoryScroll .txtDrawer ul{width:100%; margin:0;}

	.tabletView .aboutHistoryScroll .txtDrawer_mobile .txtYear{width:100%; text-align:center; position:relative; padding:0 0 30px; margin:0 0 25px;}
	.tabletView .aboutHistoryScroll .txtDrawer_mobile .txtYear:after{content:' '; height:1px; width:40px; background:#ffffff; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto;}
	.tabletView .aboutHistoryScroll .txtDrawer_mobile ul{width:100%; margin:0;float: left;}

	.tabletView .aboutHistoryScroll .aboutHistoryCol .txtCover:after { display: none;}

	.tabletView .singleBanner.csrOverview .bannerImg { right: 13%;}
	.tabletView .singleBanner.csrOverview .bannerTitle { margin-left: -482px;}

	.tabletView .csrTwoCols .colLeft{width:auto; float:none;}
	.tabletView .csrTwoCols .colRight{width:auto; float:none;}

	.tabletView .csrPieChartCtn { text-align: center;}
	.tabletView .csrPieChartCtn .hoverLayer,
	.tabletView .csrPieChartCtn .iconLayer{display:none;}

	.tabletView .csrPieChartCtn .mobileImg{display:inline-block;}

	.tabletView .csrPieChartCtn .textLayer{position:static; width:auto; height:auto; text-align: left;}

	.tabletView .csrPieChartCtn .textArea{display:block; position:static; border-top:1px solid #d0d0d0; padding:20px 0 0; margin:20px 0 0;}
	.tabletView .csrPieChartCtn .textArea:first-child{border-top:none; padding:0; margin:0;}

	.tabletView .csrPieChartCtn .textArea .csr-cat-title{display:block;}
	.tabletView .csrPieChartCtn .textArea .csr-cat-more{display:block;}

	.tabletView .csrPieChartCtn .textArea ul{padding:0 0 0 65px; margin:0;}

	.tabletView .csrPieChartCtn .pieChart{background:none; width:auto; height:auto;}
	.tabletView .csrPieChartCtn .pieChart .mobileImg img{display:block; width:auto; margin: 0 auto; max-width: 100%;}
	.tabletView .csrPieChartCtn { margin-top: 40px;}

	.tabletView .innerBannerCtn.csrBanner .slides h1 { font-size:3.2em; }

	/* about chairman */
	.tabletView .singleBanner.aboutChairman { text-shadow: none;}

	/* about history */
	.tabletView .singleBanner.hisotry-banner{height:auto; text-shadow: none;}

	.tabletView .hisotry-banner .slideSubTitle{color:#ffffff;}

	.tabletView .singleBanner.hisotry-banner .bannerImg{min-height:340px; position:relative; left:0; right:0; margin: 0; width: auto; height: 40vw;}
	.tabletView .singleBanner.hisotry-banner .bannerImg>img{width: auto; min-width: 0; height:100%;}

	.tabletView .history-decades-image{top:80px !important; left:40% !important; z-index:15; width:45%; display:none;}
	.tabletView .history-decades-image img{width:100%; position:static;}

	.tabletView .innerBannerCtn .hisotry-banner .slideTextCtn{position:static; color:#333333; width:auto; padding:35px 30px; max-width:none; background:#f4ecdf;}
	.tabletView .hisotry-banner .mobile-absolute-text{position:static; /*left:5%; top:25%; width:50%; z-index:20;*/}
	.tabletView .innerBannerCtn .mobile-absolute-text .slideSubTitle,
	.tabletView .innerBannerCtn .mobile-absolute-text .slideTitle{color:#333333;}
	.tabletView .innerBannerCtn .hisotry-banner .slideTitle .decadesNumberMobile{display:block;}
	.tabletView .hisotry-banner .generalBtnsCtn{display:none;}

	.tabletView .about-k-wah-story-scroll-down{display:none;}
	.tabletView .about-k-wah-story-scroll-down.mobile-button{display:block;}

	.tabletView .sectionTitleCtn.history-title-container{padding:0;}

	.tabletView .history-title-container .centerContainer{max-width:none;}

	.tabletView .aboutHistoryScroll .aboutHistoryCol .txtCover { width: auto;}
	.tabletView .aboutHistoryScroll .aboutHistoryCol.twoYears .txtCover { height: 30px;}

	.tabletView .history-detail-container{margin-top:0;}
/*	.tabletView .history-detail-container .detail-container-left{padding:0;}*/
	.tabletView .history-detail-container .detail-container-left{padding:0 30px;}
/*
	.tabletView .history-detail-container .detail-content-left-title,
	.tabletView .history-detail-container .detail-content-description
	{
		margin-left:30px; margin-right:30px;
	}
*/

	.tabletView .history-detail-container .yearsList{position:relative; padding:20px 30px; background:#d2b87d; top:auto; right:auto; z-index:9999; margin:0 0 35px;width: 100%;box-sizing: border-box;}
	.tabletView .history-detail-container .yearsList .csr-year-current{display:block;background:#a38348; height:15px;}
	.tabletView .history-detail-container .yearsList .yearBlk.current.first{margin-top:0;}
	.tabletView .history-detail-container .yearsList .yearBlk .yearBullet{display:none;}
	.tabletView .history-detail-container .yearsList .verticalLine{display:block; position:absolute; top:100%; left:30px; width:0; height:0; border-left:16px solid transparent; border-right:16px solid transparent; border-top:18px solid #d4b77d; margin:0; padding:0; background:none;}
	.tabletView .history-detail-container .yearsList .verticalLine .gradientTail{display:none;}
	.tabletView .history-detail-container .current .year-list-show-button{display:none;}

/*	.tabletView .history-detail-container .yearsList .csr-year-drop{position:absolute; top:66px; left:30px; right:30px; background:#a38348; padding:0; display:none;height: 270px;overflow-y: scroll;}*/
	.tabletView .history-detail-container .yearsList .csr-year-drop{position:absolute; top:66px; left:0; right:0; background:#a38348; padding:0; display:none;height: 300px;overflow-y: scroll;}

	.tabletView .history-detail-container .yearsList .yearBlk{text-align:left; padding:15px; height:auto; min-height:0; line-height:1em; background:none; color:#ffffff;}
	.tabletView .history-detail-container .yearsList .yearBlk.current .yearValue{padding:0; height:auto; line-height:1em; background:none; color:#ffffff; font-size:1em; text-align:left;}
	.tabletView .history-detail-container .yearsList .yearBlk.current .yearArrow{display:none;}

	.tabletView .lightbox-main-slide-image{margin-bottom:0;}
	.tabletView .lightbox-main-slide-description-title{display:none;}

	.tabletView .history-detail-container .content-record-block-container{display:none;}

	.tabletView #history-light-box{display:block; margin-bottom:45px;}
	.tabletView .history-detail-container #loadMore{display:none;}

	.tabletView .lightbox-main-slides .slick-arrow{z-index:9998; height:52.3vw;}

	.tabletView .lightbox-main-slide-description{margin-left:30px; margin-right:30px;}

	.tabletView #history-light-box-inner{width:100%; max-width: none;}

	.tabletView .lightbox-main-slide-image{height:52.3vw;}
	.tabletView .lightbox-main-slide-image img{max-width:100%; height:100%;}

	.tabletView .mainContentCtn.media-news{padding:0;}
	.tabletView .esubscribe-form{padding: 50px 30px;}
	.tabletView .media-news-slides-container{padding-left: 30px; padding-right: 30px;}
	.tabletView .media-highlights .menuMediaStyle{padding-left: 30px; padding-right: 30px;}

	/* about corporate profile */
	.tabletView .filterBar.about-corporate-filter{padding:0;}
	.mobile .add-sub-lists-mapbox,
	.tablet .add-sub-lists-mapbox
	{display:none;}

	/* about management */
	.tabletView .mainContentCtn.about-management{padding:0;}
	.tabletView .about-management-blocks{padding-left:30px; padding-right:30px;}

	/* career */
	.tabletView .mainContentCtn.career-our-value{padding-top:0;}

	/*.tabletView .career-work-life-balance h2{float:none; width:auto;}*/

	/* media video */
	.tabletView .mainContentCtn.media-video{padding-left:0; padding-right:0;}

	.tabletView .media-video .filterBar{padding-left:30px; padding-right:30px;}
	.tabletView .media-video .filter-bar-split-2 .formRow .checkBoxCtn{margin-left:0;}
	.tabletView .media-video .filterBar .submitBtnCtn{width:auto;}
	.tabletView .media-video .gallery-bottom-disclaimer,
	.tabletView .media-video .ir-other-categories-ctn
	{
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
	}

	/* csr */
	.tabletView .singleBanner.csrBanner { text-shadow: none;}

	.tabletView #cboxContent{margin: 80px 20px 0;}

	.tabletView .csrDetailCtn .contentList .generalBtns {margin: 0 30px;}

	.tabletView.en_us .gallery-tabs-container .gallery-tab .tab-name
	{
		font-size: 0.8em;
		padding: 0 4px 12px;
	}

	.tabletView .career-other-categories .cat-blocks
	{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block
	{
/*		width: 32%;*/
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block:nth-child(3n)
	{
/*		margin-right: 0;*/
		margin-right: inherit;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block:nth-child(2n)
	{
		margin-right: 0;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block .image-container
	{
/*		height: 16vw;*/
		height: 24vw;
	}

}

@media screen and (max-width:1023px){
	/* media video grid */
	.tabletView .media-video-grids-container .media-video-grid{float:none;}
    .arrowRight.mb_arrowright a{color:#a48348; }
    .arrowRight.mb_arrowright a:hover{color:#a48348;}
    .arrowRight.mb_arrowright .generalBtnsArrow{background: url(../img/btn_more-2.png) center 2px no-repeat;}
    .arrowRight.mb_arrowright:hover .generalBtnsArrow{background: url(../img/btn_more-2.png) center 2px no-repeat;}
	/* media grid */
	.tabletView .media-grids-container .media-grid{width:50%;}
	.tabletView .media-grids-container .media-grid:nth-of-type(3n+1) .grid-border.border-left{display:block;}
	.tabletView .media-grids-container .media-grid:nth-of-type(2n+1) .grid-border.border-left{display:none;}

	.tabletView .singleBanner{height:auto;}
	.tabletView .singleBanner .bannerImg{position:relative; margin:0; width:auto; height:100%; min-height:320px; left:0; right:auto;}
	.tabletView .singleBanner .bannerImg>img{width:100%; min-width:960px;}

	.tabletView .media-video .gallery-bottom-disclaimer,
	.tabletView .media-video .ir-other-categories-ctn
	{
		width: calc(100% - 60px);
		max-width: 640px;
		margin: 0 auto;
	}
	.tabletView .singleBanner.csrBanner .bannerImg>img { width: auto; height: 320px; position:absolute; left:25%; margin-left:-300px;}

	.tabletView .singleBanner .bannerTxt{position:static; margin:0; width:auto; padding:30px 30px 45px;}
	.tabletView .singleBanner .bannerTitle .title1 { font-size: 33px; font-family: 'Quicksand', Arial, sans-serif; font-weight: 400; font-style: normal;}

	.tabletView .singleBanner.aboutChairman .bannerTxt { margin-left: 0; padding-bottom:113px;}
	.tabletView .innerBannerCtn .aboutChairman .bannerImg{height: auto;}
    .tabletView .innerBannerCtn .aboutChairman .bannerImg img{max-width: 100%; }
    .tabletView .innerBannerCtn .aboutChairman .bannerSlideBtns { top:135px; bottom: auto;}
	.tabletView .singleBanner .bannerTxt .text1{color:#a3844b;}
	.tabletView .singleBanner .bannerTxt .text2{color:#333333;}
	.tabletView .singleBanner .bannerTxt .text3{color:#333333;}
	.tabletView .singleBanner .bannerTxt p{color:#333333;}
	.tabletView .singleBanner .bannerTxt p a{color:#333333;}

	.tabletView .singleBanner.csrBanner{height:240px;}
	.tabletView .singleBanner.csrBanner .bannerImg{position:relative; margin:0; width:auto; height:auto; min-height:auto; left:0; right:auto;}
	/*.tabletView .singleBanner.csrBanner .bannerTitle{position:static; width:auto; margin:0; padding:20px 30px; color:#000000; background:#efe7d6;}
	.tabletView .singleBanner.csrBanner .sectionTitleSpan{color:#a78349;}*/
/*	.tabletView .singleBanner.csrBanner h1{font-weight:300; margin-bottom:15px;}*/
	.tabletView .singleBanner.csrBanner h1{font-weight:400; margin-bottom:15px;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.6);}
	.tabletView .singleBanner.csrBanner .slides { height:auto;}
	.tabletView .singleBanner.csrBanner .slides .centerContainer { position:static; width:auto; margin:0; padding:20px 30px; color:#000000; background:#efe7d6;}
	.tabletView .singleBanner.csrBanner .slideShadow { display:none;}
	.tabletView .singleBanner.csrBanner .sectionTitleSpan{color:#a78349;}
	.tabletView .singleBanner.csrBanner .slideTextCtn { color: #000000;}
	.tabletView .singleBanner.csrBanner .bannerSlidePrev { top:120px; bottom:auto;}
	.tabletView .singleBanner.csrBanner .bannerSlideNext { top:120px; bottom:auto;}

	.tabletView .history-decades-image{}

	/* about corporate profile */
	.tabletView .about-corporate-tabs .cells:first-child{display:none;}

	.tabletView .about-management-accordion{margin-left:-30px; margin-right:-30px;}
	.tabletView .about-management-accordion .head{padding-left:30px;}
	.tabletView .about-management-accordion .detail-content{padding-left:30px; padding-right:30px;}

	/* achievements */
	.innerBannerCtn.achievements-banner{display:none;}

	/* career our value */
	/*.tabletView .career-value-banner .singleBanner{height:312px;}*/
	.tabletView .career-value-banner .singleBanner{height:156px;}
	.tabletView .career-value-banner .singleBanner .bannerImg{position:absolute; left:50%; min-height:0;}
	/*.tabletView .career-value-banner .singleBanner .bannerImg>img{position:relative; width:auto; left: -50%; right: auto; margin-right: 0;}*/
	.tabletView .career-value-banner .singleBanner .bannerImg>img{position:relative; width:auto; left: -50%; right: auto; margin-right: 0; height: 100%;}

	.tabletView .career-4-parts .career-4-parts-row{margin:0; padding:0;}
	.tabletView .career-4-parts .career-4-parts-row:before{display:none;}
	.tabletView .career-4-parts .career-4-parts-row:after{display:none;}
	.tabletView .career-4-parts .career-4-parts-row>div{float:none; padding-left:0; padding-right:0; margin:auto; width:auto; max-width:450px;}
	.tabletView .career-4-parts .career-4-parts-row>div:first-child:after{display:none;}

	/* media video */
	.tabletView .mainContentCtn.media-video{padding-top:0;}
	/*.tabletView .media-video .filterBar{display:none;}*/
	.tabletView .media-video h2{padding-left:30px; padding-right:30px;}

	/* contact us */
	.tabletView .contact-us-form-split .split-right{float:left; max-width:100%;}
	.tabletView .contact-us-form-split .split-right .form-row-left{width:190px;}
	.tabletView .contact-us-form-split .form-button-wrapper{margin-bottom:10px;}

	/* investor relations */
	.tabletView .innerBannerCtn.investor-relations-banner .singleBanner .bannerImg { min-height: 0; left:50%;}

	.tabletView .management-slide-wrapper.entertainment-video-wrapper{max-width: 760px; width: 100%;}


	.tabletView .career-other-categories .cat-blocks .career-other-cat-block
	{
		width: 49%;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block:nth-child(3n)
	{
		margin-right: inherit;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block:nth-child(2n)
	{
		margin-right: 0;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block .image-container
	{
		height: 24vw;
	}
}

@media screen and (max-width:980px){
	/* detail page content list */
	.tabletView .year-list-split .contentList{padding-right:0; margin-bottom:50px;}
	.tabletView .csrDetailCtn .yearsList .yearsListInner,
	.tabletView .year-list-split .yearsList .yearsListInner{ height: auto;}
	.tabletView .csrDetailCtn .yearsList .yearsListControlCtn,
	.tabletView .year-list-split .yearsList .yearsListControlCtn{ display:none;}
	.tabletView .year-list-split .yearsList{position:relative; padding:20px 30px; background:#d2b87d; top:auto; right:auto; z-index:9999; margin-bottom:70px;width: 100%;box-sizing: border-box;}
	.tabletView .year-list-split .yearsList .csr-year-current{display:block;background:#a38348; height:15px;}
	.tabletView .year-list-split .yearsList .yearBlk .yearBullet{display:none;}
	.tabletView .year-list-split .yearsList .verticalLine{display:block; position:absolute; top:100%; left:30px; width:0; height:0; border-left:16px solid transparent; border-right:16px solid transparent; border-top:18px solid #d4b77d; margin:0; padding:0; background:none;}
	.tabletView .year-list-split .yearsList .verticalLine .gradientTail{display:none;}

	.tabletView .year-list-split .yearsList .csr-year-drop{position:absolute; top:66px; left:30px; right:30px; background:#a38348; padding:0; display:none;height: 180px;overflow-y: scroll;}

	.tabletView .year-list-split .yearsList .yearBlk{text-align:left; padding:15px; height:auto; line-height:1em; background:none; color:#ffffff;}
	.tabletView .year-list-split .yearsList .yearBlk.current .yearValue{padding:0; height:auto; line-height:1em; background:none; color:#ffffff; font-size:1em;}
	.tabletView .year-list-split .yearsList .yearBlk.current .yearArrow{display:none;}

	.tabletView .year-list-split .list-title-mobile{display:block; line-height:1em; color:#987a44; font-size:2em; margin:0 30px 25px;}
	.tabletView .year-list-split .imgSlide{float:none; width:auto; margin:0 30px;}
	.tabletView .year-list-split .contentRow.first .imgSlide{margin:0;}
	.tabletView .year-list-split .imgSlide .indicator{text-align:center;}
	.tabletView .year-list-split .slideDesc{float:none; width:auto; margin:25px 30px 0;}
	/* detail page content list end */

	.tabletView .mainContentCtn.aboutMainCtn{padding-bottom:0;}

	.tabletView .drLuiPhilosophy{padding:40px 0 50px;}

	.tabletView .drLuiPhilosophy h4{margin-left:30px; margin-right:30px;}

	.tabletView .drLuiPhilosophy .phiList{margin-bottom:0;}

	/* START */
	.tabletView .drLuiPhilosophy .phiList .phiListItem{display: flex; flex-direction: row; justify-content: center; float:none; margin-left:0; padding:20px 30px 25px; border-top:1px solid #cccccc;}
	.tabletView .drLuiPhilosophy .phiList .phiListItem:first-child{border:none; margin-top:0;}

	.tabletView .drLuiPhilosophy .phiList .imgCtn
	{
		display: block;
		align-self: center;
	}

	.tabletView .drLuiPhilosophy .phiList .imgCtn.vertical,
	.tabletView .drLuiPhilosophy .phiList .imgCtn.horizontal{width:145px; text-align:center; vertical-align:middle;}
	.tabletView .drLuiPhilosophy .phiList .imgCtn.horizontal{height:110px; line-height:110px;}

	.tabletView .drLuiPhilosophy .phiList .imgCtn.vertical img,
	.tabletView .drLuiPhilosophy .phiList .imgCtn.horizontal img{max-height:100%; vertical-align:middle;}

	/* .tabletView .drLuiPhilosophy .phiList .txtCtn{width: 100%; vertical-align: middle; padding-left: 180px; margin-left: -159px; padding-right:165px; box-sizing: border-box; position:relative;} */
	.tabletView .drLuiPhilosophy .phiList .txtCtn{display: flex; flex-direction: row; justify-content: center; width: 100%; vertical-align: middle; box-sizing: border-box; position:relative;}

	.tabletView .drLuiPhilosophy .phiList .phiItemTitle,
	.tabletView .drLuiPhilosophy .phiList .generalBtns{display:inline-block; vertical-align:middle;}
	.tabletView .drLuiPhilosophy .phiList .phiItemTitle
	{
		display: flex;
		flex-direction: row;
		/* justify-content: center; */
		width: calc(100% - 200px);
		align-items: center;
	}

	.tabletView .drLuiPhilosophy .phiList .btnWrapper
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 200px;
		padding-left: 10px;
	}
	/* .tabletView .drLuiPhilosophy .phiList .generalBtns{position:absolute; right:0; top:50%; padding:0; overflow:visible;} */
	.tabletView .drLuiPhilosophy .phiList .generalBtns{position:relative; padding:0; overflow:visible;}
	/* .tabletView .drLuiPhilosophy .phiList .generalBtns .btnTxt{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} */
	.tabletView .drLuiPhilosophy .phiList .generalBtns .btnTxt{margin: 4px 0;}
	/* END */
	.tabletView .drLuiPhilosophy .phiLink{float:none; width:auto; padding:0 30px; border-top:1px solid #cccccc;}
	.tabletView .drLuiPhilosophy .phiLink:first-child{border:none;}
	.tabletView .drLuiPhilosophy .phiLink a{display:block; text-align:left;}

	.tabletView .historyScrollSec .popContent{background-position:center -2px;}

	.tabletView .sectionTitleCtn.csrTitleCtn{padding-left:0; padding-right:0; padding-top:0;}
	.tabletView .csrDetailCtn{margin:0;}
	.tabletView .csrDetailCtn .contentList{padding-right:0;width: 100%;}

	.tabletView .csrDetailCtn .yearsList{position:relative; padding:20px 30px; background:#d2b87d; top:auto; right:auto; z-index:9999; margin-bottom:70px;width: 100%;box-sizing: border-box;}
	.tabletView .csrDetailCtn .yearsList .csr-year-current{display:block;background:#a38348; height:15px;}
	.tabletView .csrDetailCtn .yearsList .yearBlk .yearBullet{display:none;}
	.tabletView .csrDetailCtn .yearsList .verticalLine{display:block; position:absolute; top:100%; left:30px; width:0; height:0; border-left:16px solid transparent; border-right:16px solid transparent; border-top:18px solid #d4b77d; margin:0; padding:0; background:none;}
	.tabletView .csrDetailCtn .yearsList .verticalLine .gradientTail{display:none;}

	.tabletView .csrDetailCtn .yearsList .csr-year-drop{position:absolute; top:66px; left:30px; right:30px; background:#a38348; padding:0; display:none;height: 300px;overflow-y: scroll;}

	.tabletView .csrDetailCtn .yearsList .yearBlk{text-align:left; padding:15px; height:auto; line-height:1em; background:none; color:#ffffff;}
	.tabletView .csrDetailCtn .yearsList .yearBlk.current .yearValue{padding:0; height:auto; line-height:1em; background:none; color:#ffffff; font-size:1em;}
	.tabletView .csrDetailCtn .yearsList .yearBlk.current .yearArrow{display:none;}

	.tabletView .csrDetailCtn .list-title-mobile{display:block; line-height:1em; color:#987a44; font-size:2em; margin:0 30px 25px;}
	.tabletView .csrDetailCtn .imgSlide{float:none; width:auto; margin:0 30px;}
	.tabletView .csrDetailCtn .contentRow.first .imgSlide{margin:0 0 40px;}
	.tabletView .csrDetailCtn .imgSlide .indicator{text-align:center;}
	.tabletView .csrDetailCtn .slideDesc{float:none; width:auto; margin:25px 30px 0;}

	.tabletView .csrDetailCtn .noPhotoCtn{float:none; width:auto; margin-left: 30px; margin-right: 30px;}

	.tabletView .history-banner-buttons{/*top:auto; bottom:20px;*/}

	/* about-management */
	.tabletView .about-management-blocks:first-child h2{text-align:left;}
	.tabletView .about-management-blocks .chairman-name>span{text-align:left;}
	.tabletView .about-management-blocks .chairman-name:after{left:0; margin-left:0;}
	.tabletView .about-management-blocks .structure-top-text{text-align:left; margin-bottom:25px;}

	.tabletView .about-management-blocks .businessStructureCtn .structureBtns{padding-right:0;}
	.tabletView .about-management-blocks .businessStructureCtn .generalBtns{position:absolute; left:265px; top:50%; margin-top:-25px;}

	/* achievements */
	.tabletView .mainContentCtn.page-achievement{padding:0;}

	.tabletView .page-achievement h1{margin-left:30px; margin-right:30px;}

	/* media */
	.tabletView .record-list-image{float:left; clear:left; margin:15px 0; width:auto;}
	.tabletView .record-list-content .noPhotoCtn{float:left; clear:left; margin:15px 0; width:auto; }

	.tabletView .media-video .gallery-bottom-disclaimer,
	.tabletView .media-video .ir-other-categories-ctn
	{
		width: calc(100% - 60px);
		max-width: 640px;
		margin: 0 auto;
	}
}

@media screen and (max-width:960px){
	.tabletView .singleBanner .bannerImg>img{position:absolute; right:25%; margin-right:-240px;}
/*	.tabletView .singleBanner.csrBanner .bannerImg>img{right:auto; margin-right:auto;  left:50%; margin-left:-570px;}*/
	.tabletView .singleBanner.csrBanner .bannerImg>img{right:auto; margin-right:auto;  left:50%; margin-left:0; height: 240px; min-width: auto; display: block; transform: translate3d(-50%, 0, 0);}

	.tabletView .singleBanner.hisotry-banner .bannerImg>img{position:static;}


	/* contact us */
	.tabletView .contact-us .map-container{float:left; clear:left; margin-top:20px; width:100%;}

	.tabletView .contact-us-form-split .form-row-right{width:340px;}

	/* investor relations */
	.tabletView .investor-relations-banner .singleBanner .bannerImg img { position: relative; right:auto; margin-right: auto; margin-left: -480px; left:0;}

	.tabletView .media-video .filter-bar-split-2 .formRow { padding-right: 0;}
	.tabletView .media-video .filter-bar-split-2 .submitBtnCtn { position: static; margin-top: 15px;}
}

@media screen and (max-width:850px){
	/* press release detail  bottom */
	.tabletView .detail-title-buttons-group.bottom-group .detail-title-buttons { float: left; margin-right: 15px; margin-left: 0;}
}

@media screen and (max-width:767px){
	/* about corporate profile */
	.tabletView .filterBar.about-corporate-filter{height:auto;}
	.tabletView .about-corporate-tabs .cells{width:25%;}
	.tabletView .about-corporate-tabs .cells>a{padding:84px 0 20px; text-align:center;}
	.tabletView .about-corporate-tabs .icon{top:20px; left:50%; margin-top:0; margin-left:-26px;}

	.tabletView .about-corporate-tab-content .circle-text .text-center{font-size:1vw;}
	.tabletView .about-corporate-tab-content .circle-text .text-center>span{letter-spacing:0;}

	.tabletView .center-col{padding:0;}
	.tabletView .about-corporate-3-cols .right-col,
	.tabletView .about-corporate-3-cols .left-col{position:static; width:auto; padding:0; border:none;}
	.tabletView .about-corporate-3-cols .left-col{margin:35px 0 -15px 10px;}
	.tabletView .about-corporate-3-cols .right-col{margin:60px 0 40px;}

	.tabletView .about-corporate-3-cols .download-presentation{float:none; margin:auto;}

	.tabletView .about-corporate-3-cols .empolyees>span{display:inline-block;}
	.tabletView .about-corporate-3-cols .empolyees2{font-size:1.5em; margin-left:10px;}

	/* IR Contact */

	.tabletView .ir-contact .form-row-left,
	.tabletView .ir-contact .form-row-right{float:none;}

	.tabletView .ir-contact .form-input-wrapper{width:100%; max-width:295px;}
	.tabletView .ir-contact .form-textarea-wrapper{width:100%; max-width:440px;}
	.tabletView .ir-contact .form-button-wrapper{max-width:46%;}

	/* media gallery */
	.tabletView .mainContentCtn.media-gallery-index{padding-left:0; padding-right:0; padding-top:0;}

	.tabletView .gallery-tabs-border{padding:10px 30px; background:#d2b87d; border:none; position:relative; z-index:20;}
	.tabletView .gallery-tabs-container{margin:0; position:relative;}
	.tabletView .gallery-tabs-container .gallery-tabs{display:none; position:absolute; top:100%; left:0; height:auto; background:#a38348; margin-top: 1px;}
	.tabletView .gallery-tabs-container .gallery-tab{display:block; width:100%; height: auto;}
	.tabletView .gallery-tabs-container .gallery-tab:before{top:0; bottom:auto; width:auto; height:1px; width:100%;}

	.tabletView .gallery-tabs-container .gallery-tab .background-layer{display:none;}

	.tabletView .gallery-tabs-container .mobile-current{display:block; background:#a38348;}
	.tabletView .gallery-tabs-container .mobile-current:after{content:" "; display:block; width:16px; height:10px; position:absolute; right:20px; top:50%; margin-top:-8px; background:url(../img/btn_dropdown_white-1.png.png) left top no-repeat;}
	.tabletView .gallery-tabs-container .mobile-current,
	.tabletView .gallery-tabs-container .gallery-tab .tab-name{line-height:1.2em; padding:10px; text-align:left; color:#ffffff; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none; position: static;}

	.tabletView .media-news-slides .slide-pager { display: none;}

	.tabletView .record-list-row-inner { padding-left: 85px;}

	.tabletView .esubscribe-form .form-row-left,
	.tabletView .esubscribe-form .form-row-right{float:none;}
	.tabletView .esubscribe-form .form-input-wrapper{width:100%; max-width:295px;}
	.tabletView .esubscribe-form .form-textarea-wrapper{width:100%; max-width:440px;}
	.tabletView .esubscribe-form .form-button-wrapper{max-width:46%;}


	/* press release detail */
	.tabletView .title-filer-split .form-wrapper { float: left; width: 100%;}

	.tabletView .detail-2-cols-left { max-width:none; float:none;}
	.tabletView .detail-2-cols-right { width: auto; float:none; padding-left: 0;}

	.tabletView .letter-from-chairman .detail-2-cols-right { margin-bottom: 20px;}

	.tabletView .searchSection .formRow{float: none;}
	.tabletView .searchSection .submitBtnCtn{margin-left: 0; margin-top:15px; float: none;}

}

@media screen and (max-width:650px){
	.tabletView .innerBannerCtn .aboutChairman .bannerSlideBtns{top: 240px;}
	/* media video grid*/
	.tabletView .media-video .filterBar { padding-left: 10px; padding-right: 10px;}
	.tabletView .media-video-grids-container{margin-right:0;}
	.tabletView .media-video-grids-container .media-video-grid{width:45%; margin-right:0;}
	.tabletView .media-video-grids-container .media-video-grid:nth-of-type(2n+1){margin-right:10px;}
	.tabletView .media-video .gallery-bottom-disclaimer,
	.tabletView .media-video .ir-other-categories-ctn
	{
		width: calc(100% - 20px);
		max-width: 312px;
		margin: 0 auto;
	}

	.tabletView .media-video-grids-container .text-container{height:72px;}

	.tabletView .filterBar .filter-bar-e-newsletter .formRow { padding-right: 0;}
	.tabletView .filterBar .filter-bar-e-newsletter .inputCtn { width: 48%; margin: 0 2% 20px 0;}
	.tabletView .filterBar .filter-bar-e-newsletter .submitBtnCtn { position: static;}

	/* media grid */
	.tabletView .media-grids-container .media-grid{width:100%;}
	.tabletView .media-grids-container .media-grid .grid-border.border-left{display:none !important;}
	.tabletView .media-grids-container .media-grid .grid-border.border-bottom{left:0; right:0;}

	.tabletView .esubscribe-form{padding: 40px 10px;}

	/* */
	.tabletView .year-list-split .yearsList{padding-left:10px; padding-right:10px;}
	.tabletView .year-list-split .list-title-mobile,
	.tabletView .year-list-split .imgSlide,
	.tabletView .year-list-split .slideDesc{margin-left:10px; margin-right:10px;}

	.tabletView .singleBanner .bannerTxt { padding: 20px 10px 35px;}
	.tabletView .singleBanner .bannerTxt .text2 { font-size: 33px;}
	.tabletView .singleBanner .bannerTxt .text2 { font-size: 17px;}
	/*.tabletView .singleBanner.csrBanner .bannerImg>img{right:30%; left:auto; margin-right:-300px;}*/

	.tabletView .aboutAccordion .head { padding:  20px 50px 20px 10px;}
	.tabletView .aboutAccordion .detailCtn { padding: 15px 10px;}
	.tabletView .aboutAccordion .detailCtn table th { padding:25px 10px 25px 15px;}
	.tabletView .aboutAccordion .detailCtn table tbody td { padding:  12px 10px 12px 15px;}

	.tabletView .aboutChiarmanSec1{padding-right:0; padding-top:15px; margin-top:0; margin-right:0; background:none;}
	/* START */
	.tabletView .drLuiPhilosophy h4{margin-left:10px; margin-right:10px;}
	.tabletView .drLuiPhilosophy .centerContainer { padding: 0 10px;}
	.tabletView .drLuiPhilosophy .phiList .phiListItem{display: block; padding-left:10px; padding-right:10px;}
	.tabletView .drLuiPhilosophy .phiLink{padding:0 10px;}

	.tabletView .drLuiPhilosophy .phiList .imgCtn
	{
		display: inline-block;
		align-self: normal;
	}

	.tabletView .drLuiPhilosophy .phiList .btnWrapper
	{
		display: block;
		width: auto;
		padding-left: 0;
	}

	.tabletView .drLuiPhilosophy .phiList .txtCtn{display: inline-block; padding-right:0; padding-left:100px; margin-left:-100px;}
	.tabletView .drLuiPhilosophy .phiList .generalBtns{position:static; right:0; top:50%; padding:0; overflow:visible;}
	.tabletView .drLuiPhilosophy .phiList .generalBtns .btnTxt{-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
	.tabletView .drLuiPhilosophy .phiList .phiItemTitle,
	.tabletView .drLuiPhilosophy .phiList .generalBtns{display:block;}
	.tabletView .drLuiPhilosophy .phiList .phiItemTitle
	{
		width: auto;
	}
	.tabletView .drLuiPhilosophy .phiList .imgCtn.vertical, .tabletView .drLuiPhilosophy .phiList .imgCtn.horizontal{width:84px;}

	.tabletView .aboutChairman .centerContainer { padding: 0 10px;}

	.tabletView .historyScrollSec .hsScrollPopLayer{margin-bottom:-34px;}
	.tabletView .historyScrollSec .popContent{height:140px; background-size:auto 100%;}
	.tabletView .historyScrollSec .popContent .text1{padding-top:20px;}
	.tabletView .historyScrollSec .popContent .rightArrow{bottom:13px;}
	.tabletView .historyScrollSec .popContent .text3{font-size:1.2em;}
	.tabletView .aboutHistoryScroll .hsSlideTxtCtn{padding: 45px 10px 40px;}
	.tabletView .aboutHistoryScroll .txtDrawer ul li {font-size: 1em;}

	.tabletView table { width: auto;}
	.tabletView table td { padding: 0 8px;}

	.tabletView .singleBanner.csrBanner .bannerTitle{padding:20px 10px;}
	.tabletView .csrPieChartCtn .textArea .csr-cat-title { font-size: 1.7em; line-height: 1.2em;}

	.tabletView .csrPieChartCtn { margin-top: 20px;}

	.tabletView .csrDetailCtn .yearsList { padding: 20px 10px;}
	.tabletView .csrDetailCtn .yearsList .verticalLine { left:10px;}
	.tabletView .csrDetailCtn .list-title-mobile { margin: 0 10px 25px;}
	.tabletView .csrDetailCtn .slideDesc { margin:25px 10px 0;}
	.tabletView .csrDetailCtn .imgSlide { margin: 0 10px;}
	.tabletView .csrDetailCtn .yearsList .csr-year-drop{left:10px; right:10px;}
	.tabletView .csrDetailCtn .noPhotoCtn{ margin-left: 10px; margin-right: 10px;}

	.tabletView .innerBannerCtn.csrBanner .slides h1 { font-size:2.3em; }
	.tabletView .innerBannerCtn.csrBanner .slides .centerContainer { padding-left:10px; padding-right:10px;}

	.tabletView .singleBanner.hisotry-banner .bannerImg>img{position:absolute; min-width:0; height:100%; right:10%; margin-right:-173px;}

	.tabletView .innerBannerCtn .hisotry-banner .slideTextCtn{padding-left:10px; padding-right:10px;}

	.tabletView .mobile-absolute-text .history-decades-image{/*right:-80%; left:55%; top:-45%;*/}
	.tabletView .history-decades-image>img{width:100%;}

	.tabletView .history-banner-previous{left:10px;}
	.tabletView .history-banner-next{right:10px;}

	.tabletView .hisotry-banner .mobile-absolute-text{top:13%;}

	.tabletView .history-detail-container .yearsList{padding-left:10px; padding-right:10px;}
/*	.tabletView .history-detail-container .yearsList .csr-year-drop{left:10px; right:10px;}*/
	.tabletView .history-detail-container .yearsList .csr-year-drop{left:0; right:0;}

	.tabletView .history-detail-container .detail-content-left-title,
	.tabletView .history-detail-container .detail-content-description{margin-left: 10px; margin-right: 10px;}

	.tabletView .lightbox-main-slide-description{margin-left: 10px; margin-right: 10px;}

	/* about-management */
	.tabletView .about-management-blocks .businessStructureCtn .generalBtns{position:static; margin-top:0; margin-left:0 0 0 10px; padding-left:35px; width:200px;}
	.tabletView .about-management-blocks{padding-left:10px; padding-right:10px;}
	.tabletView .about-management-accordion{margin-left:-10px; margin-right:-10px;}
	.tabletView .about-management-accordion .head{padding-left:10px;}
	.tabletView .about-management-accordion .detail-content{padding-left:10px; padding-right:10px;}

	.tabletView .about-management-accordion .detail-content-left{padding-right:0;}
	.tabletView .about-management-accordion .detail-content-right{float: none; width:auto; margin-bottom:25px;}
	.tabletView .about-management-accordion .photo-caption{display:block;}

	/* achievements */
	.tabletView .page-achievement h1{margin-left:10px; margin-right:10px;}

	/* Career */
	.tabletView .career-2-cols-left{padding:0; margin-right: 0;}
	.tabletView .career-2-cols-right{width:auto; margin:0 0 20px;}
	.tabletView .career-2-cols-left-content{padding:0;}
	.tabletView .career-our-value .quoteCtn{margin-top:0;}

	.career-other-categories .cat-blocks{margin:0;}
/*	.tabletView .career-other-cat-block{max-width:312px; width:auto; margin:15px auto 0; float:none;}*/
	.tabletView .career-other-cat-block{width:auto; margin:15px auto 0; float:none;}
	.tabletView .career-other-cat-block:first-child{margin-top:0;}
	.tabletView .career-other-cat-block .image-container{height:auto;}

	.tabletView .career-work-life-balance h2{float:none; width:auto;}
	.tabletView .career-content-image-left{float:none; width:auto;}

	.tabletView .media-video h2{padding-left:10px; padding-right:10px;}
	.tabletView .media-news-slides-container{padding-left: 10px; padding-right: 10px;}
	.tabletView .media-highlights .menuMediaStyle{padding-left: 10px; padding-right: 10px;}
	.tabletView .menuMediaStyle .menuMediaBoxCtn{margin: 0;}
	.tabletView .menuMediaStyle .menuMediaBox{width: 100%;}
	.tabletView .menuMediaStyle .menuMediaBoxInner{margin: 20px 0 0;}
	.tabletView .menuMediaStyle .menuMediaBox:first-child .menuMediaBoxInner{margin:0;}
	.tabletView .menuMediaStyle .menuMediaBoxInnerRight{width: 100%;}
	.tabletView .menuMediaStyle .menuMediaBoxInnerLeft{width: 100%;}
	.tabletView .menuMediaStyle .menuMediaBoxInner .imgCtn{margin: 5px 0;}
	.tabletView .media-news-slides .media-news-slide:after{display: none;}

	/* press release detail */
	.tabletView .detail-title-buttons-group .detail-date { width: 100%; margin-bottom: 15px;}
	.tabletView .detail-title-buttons-group .detail-title-buttons { float: left;}
	.tabletView .detail-title-buttons .generalBtns { margin-right: 15px; margin-left: 0; margin-top: 10px;}

	.tabletView .filterBar .filter-bar-e-newsletter .inputCtn { width: 100%; margin: 0 0 20px;}

/*	.tabletView .about-corporate-tabs .cells{padding: 0 5px; font-size: 13px; vertical-align: top;}*/
	.tabletView .about-corporate-tabs .cells{padding: 0; font-size: 13px; vertical-align: top;}
	.tabletView .about-corporate-tab-content .circle-text-bg>img{width: 80%;}

	.tabletView .popupMapIcon{top:127px;}

	.tabletView #cboxContent{margin: 80px 10px 0;}

	.tabletView .searchSection form input[type="text"]{min-width: 0; width: 100%; box-sizing:border-box;}

	.tabletView .ir-other-blocks{margin:0;}
	.tabletView .ir-other-cat-block{max-width:312px; width:auto; margin:15px auto 0; float:none;}
	.tabletView .ir-other-cat-block:first-child{margin-top:0;}
	.tabletView .ir-other-cat-block .image-container{height:auto;}

	.tabletView .csrDetailCtn .contentList .generalBtns {margin: 0 10px;}


	.tabletView .career-other-categories .cat-blocks .career-other-cat-block
	{
		width: 100%;
		margin: 0 0 4%;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block:nth-child(3n)
	{
		margin-right: inherit;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block:nth-child(2n)
	{
		margin-right: inherit;
	}
	.tabletView .career-other-categories .cat-blocks .career-other-cat-block .image-container
	{
		height: 50vw;
	}
}
@media screen and (max-width:550px){
	/* media video grid*/
	.tabletView .media-video-grids-container{padding-left:10px; padding-right:10px;}
	.tabletView .media-video-grids-container .media-video-grid{float:none; width:100%; max-width:310px; margin-left:auto !important; margin-right:auto !important;}
	.tabletView .media-video-grids-container .text-container{height:auto;}
}

@media screen and (max-width:500px){
	/* press release detail */
	.tabletView .detail-title-buttons-group .detail-title-buttons .mobile-width-100 { width: 100%;}
}